@import "../../style/constant";

.container {
  display: flex;
  flex-direction: column;
}

.itemContainer {
  display: flex;
  height: 54px;
  align-items: center;
  flex-direction: row;
  @include border(bottom, 1px, solid, $borderLineColor)
}

.borderBottom0 {
  border-bottom-width: 0;
}

.expandItemContainer {
  border-bottom-width: 0;
}

.iconExpandLeft {
  width: 20px;
  height: 20px;
}

.itemText {
  font-size: 16px;
  line-height: 22px;
  @include line-ellipsis-x(1);
  color: $primaryBlack;
  margin-left: 16px;
}

.itemBoldText {
  font-weight: 500;
}

.selectText {
  margin-left: 12px;
  color: $theme;
  flex: 1;
}

.iconArrowDown {
  width: 12px;
  height: 8px;
}


.subContainer {
  display: flex;
  flex-direction: row;
}

.line {
  width: 1px;
  margin-left: 10px;
  margin-right: 9px;
  background-color: #e8e8e8;
}

.subContent {
  display: flex;
  margin-left: 16px;
  flex-direction: column;
  flex: 1;
}

.subItem {
  height: 54px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.subItemSelect {
  background-color: #F6F6F6;
  border-radius: 8px;
}

.subIcon {
  margin-left: 12px;
  margin-right: 12px;
  width: 20px;
  height: 20px;
}

.subItemText {
  font-size: 16px;
  line-height: 22px;
  @include line-ellipsis-x(1);
  color: $primaryBlack;
  margin-left: 12px;
}